<template>
  <a-modal
    :width="width"
    :visible="visible"
    @ok="handleOk"
    @cancel="handleCancel"
    cancelText="关闭">
    <a-upload
      listType="picture-card"
      class="avatar-uploader"
      :showUploadList="false"
      :data="{'isup':1}">
      <img :src="getAvatarView()" alt="二维码" style="height:208px;max-width:600px"/>
    </a-upload>
  </a-modal>
</template>

<script>

  import JUpload from '@/components/jeecg/JUpload'

  export default {
    name: "HealthImgModal",
    components: {
      JUpload,
    },
    data() {
      return {
        form: this.$form.createForm(this),
        width: 280,
        visible: false,
        qrCode: '',
        url: {
          imgerver: window._CONFIG['domianURL'] + "/sys/common/static",
        },
      }
    },
    created() {
    },
    methods: {
      getAvatarView() {
        return this.url.imgerver + this.qrCode;
      },
      edit(qrCode) {
        this.qrCode = qrCode;
        this.visible = true;
      },
      close() {
        this.$emit('close');
        this.visible = false;
      },
      handleOk() {
        this.close()
      },
      handleCancel() {
        this.close()
      },
    }
  }
</script>